let vue=new Vue({
   el:'.page-content',
    data: function(){
        return {
            result:{},
            name:'',
            aid:'',
            condition:{
                type:'0',
                companyName:'全部'
            },
            // conditionName:'',
            setting:{
                data:{//设置树的数据的配置
                    simpleData: {//简单数据格式配置  一维结构节点数组 不设置默认是多维结构数组
                        enable:true,  //开启使用简单数据格式
                        // idKey: 'id', //设置节点中的id属性key  默认
                        pIdKey: 'parentId' //设置父节点id属性key   与数据库中的字段需要对应
                    }
                },
                callback:{
                    onClick:this.onClick2,
                    // beforeEditName: this.beforeEditName,
                    // beforeRemove: this.beforeRemove
                },
                view:{
                    fontCss: this.fontCss1,
                    // addHoverDom:this.addHoverDom,
                    // removeHoverDom:this.removeHoverDom
                }
            },
            nodes:[],
        }
    },
    methods:{
        onClick2:function (event, treeId, treeNode) {
            if (treeNode.id===0||treeNode.id===1){
                layer.msg("不能选中");
                return;
            }
            this.name=treeNode.name;
            parent.$("#treeselectname").val(event.toElement.innerHTML);
            parent.layer.changeId=treeNode.id;
            let index=parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
            // $("#opneOrClose").removeClass('open')
        },
        fontCss1:function (treeId,treeNode) {
            return treeNode.highLight?{color:'red'}:{color:'black'}
        },
        initTree:function (id) {
            axios({
                url:`area/selectChangeTree/${id}`
            }).then(response=>{
                this.nodes=response.data.obj;
                //动态生成父节点 全部
                this.nodes[this.nodes.length] = {id:0,name:'区域列表'};
                //初始化树(dom节点对象,配置对象,节点数组)
                let zTreeObj = $.fn.zTree.init($('#select-tree'),this.setting,this.nodes);
                let nodes = zTreeObj.getNodes();//获取组装后的节点数组
            }).catch(error=>{
                layer.msg(error.message)
            })
        },
        search:function () {
            let zTreeObj = $.fn.zTree.getZTreeObj('select-tree');
            let nodes=zTreeObj.getNodes();
            nodes=zTreeObj.transformToArray(nodes);
            // console.log(nodes);
            for (let i in nodes){
                nodes[i].highLight=false;
                zTreeObj.updateNode(nodes[i])
            }
            let name = null;
            if(this.name!=''){
                 name = this.name;
            }
            let nodesFuzzy=zTreeObj.getNodesByParamFuzzy('name',name,null);
            for (let n in nodesFuzzy) {
                nodesFuzzy[n].highLight=true;
                zTreeObj.updateNode(nodesFuzzy[n])
            }
        },
    },
    created:function () {
        this.initTree(parent.layer.id)
    }
});